<template>
  <div class="main">
    <EmptyTips text="下单成功" smallText="成功支付欢迎下次光临" :image="Success" mWidth="20" mHeight="20"/>

    <div class="btn-group">
      <button class="handleBtn full-blue sort" @click="toOrder">我的订单</button>
      <button class="handleBtn full-blue long" @click="toRecord">查看使用记录</button>
    </div>
  </div>
</template>

<script>
import EmptyTips from "@/components/common/EmptyTips";
import Success from "../../assets/common/success.png";
export default {
  title: "下单成功",
  components: {
    EmptyTips
  },
  data() {
    return {
      Success
    };
  },
  methods: {
      toOrder() {
          this.$routerPush(this, `/pages/order/Index`)
      },
      toRecord() {
          this.$routerPush(this, `/pages/buyrecord/Index`)
      }
  }
};
</script>

<style lang="less" scoped>
.btn-group {
  margin-top: -50vw;
  display: flex;
  justify-content: space-between;
  padding: 0 20vw;
  button {
    margin: 0 2vw;
    color: #fff;
  }
  .full-blue {
    background: rgb(0, 143, 239);
  }
  .sort {
    width: 30vw;
  }
  .long {
    width: 35vw;
  }
}
</style>